body { font-family:Georgia; 
       background:#fff url('old_school_bg.gif');  
       
       }

th { padding:0 0 1px 0; }
td { padding:0 0 1px 0; }

h1,h2,h3,h4,h5,h6 { font-style:italic;text-align:center; }

h1 { font-size:13pt;font-weight:bold;margin-top:0;margin-bottom:5; }  /*  Song Title  */     
h2 { font-size:11pt;font-weight:400;margin-top:0;margin-bottom:0; }   /*  Artist      */     
h3 { font-size:10pt;font-weight:400;margin-top:0;margin-bottom:0; }   /*  Album       */     
h4 { font-size:8pt;font-weight:400;margin-top:3;margin-bottom:0; }    /*  Year        */     
h5 { font-size:9pt;font-weight:400;margin-top:3;margin-bottom:2; }    /*  Composer    */              
h6 { font-size:9pt;font-weight:400;margin-top:0;margin-bottom:2; }    /*              */              

p  { font-size:9pt;font-style:italic;text-align:center;margin-top:0;margin-bottom:5; }

/* a  { color:#222; }   */

/* The following are "p" spare classes, which you can use as additional formating
   elements. If you don't want to use them, just use display:none to hide them. 
   Otherwise use display:block with additional parameters to give them the
   appearence you want them to have. Their position in the page are as folows:
   .header     = above the song title
   .separator1 = between song title and additional information
   .separator2 = between additional information and lyrics
   .footer     = below lyrics */

/* .header, .separator1, .separator2, .footer { display:none; }   */
   
.header, .footer { display:none; }
   
.separator1, .separator2, .separator3
   { font-size:8pt;text-align:center;margin-top:3;margin-bottom:3;display:block;
	 background:url('old_school_separator.gif') no-repeat center; }
